
::-webkit-scrollbar-track-piece{background-color:#fff; -webkit-border-radius:0; }
::-webkit-scrollbar{width:8px; height:8px; }
::-webkit-scrollbar-thumb{height:50px; background-color:#ccc; -webkit-border-radius:4px; outline:2px solid #fff; outline-offset:-2px; border: 2px solid #fff; }
::-webkit-scrollbar-thumb:hover{height:50px; background-color:#9f9f9f; -webkit-border-radius:4px; }

body{font-family: "宋体",consolars;font-size: 14px;}
.codes{width: 200px;list-style: none;float: left;height: 350px;
    overflow: auto;}
.codes li{cursor: pointer;margin-top: 2px;}
.codes li:hover{background-color: #f0f0f0;color:rgb(59, 127, 196);}
.codes li a {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    overflow: hidden;
}
.codes a{display: inline-block;overflow:hidden;width: 150px;vertical-align: middle;margin-right: 10px; }

.del{width: 16px;height: 16px;vertical-align: middle;display: inline-block;background-image: url('del.png');}


#title{width:300px;height:25px;line-height: 25px;}
#code{width: 300px;height: 300px;resize: none;}
#save{width: 80px;height: 25px;}

.con{width:700px;margin:0 auto;}
